<!--
  Generated template for the ReBuyDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="orange">
    <ion-title>
      复购详情
    </ion-title>
  </ion-navbar>

</ion-header>

<ion-content>
    <!-- 1 -->
    <div>
      <!-- 头部开始 -->
      <div class="id-top ht-relative" padding>  
        <!-- 中 -->
        <div class="" padding-top>
          <div class="ht-100 ht-overflow ht-relative">
            <img [src]="util.parseImageUrl(userInfo['head_img'])" alt="" class="id-photo">
          </div>
          <div class="ht-100 ht-fff  ht-font-14 ht-padding-tb" text-center>
            {{userInfo['nickname']}}
            <!--<img src="assets/imgs/icon-idsj.png" alt="" class="icon-p">-->
            <!--<img src="assets/imgs/icon-idtp.png" alt="" class="icon-p">-->
            <!--<img src="assets/imgs/icon-idtp2.png" alt="" class="icon-p">-->
            <!--<img src="assets/imgs/icon-idtp3.png" alt="" class="icon-p">-->
            <!--<span class="id-p">其他证件x8</span>-->
          </div>
          <!--<div class="ht-100 ht-overflow ht-fff ht-line-20 ht-font-13 ht-text-center">-->
          <!--ID:1234567898-->
          <!--</div>-->
        </div>
        <!-- 右 -->
        <!--<div class="ht-20 ht-float-left">-->
        <!--<div class="ht-100 ht-text-center ht-background ht-border-radius ht-line-20 ht-font-f29603 ht-font-12 ht-yc">-->
        <!--设置悬赏任务-->
        <!--</div>-->
        <!--<div class="ht-100 ht-text-right ht-line-20 ht-fff ht-font-12 ht-yc" padding-bottom padding-top>-->
        <!--置顶x5-->
        <!--</div>-->
        <!--<div class="ht-100 ht-text-right ht-line-20 ht-fff ht-font-12 ht-yc" padding-bottom>-->
        <!--刷新x5-->
        <!--</div>-->
        <!--</div>-->
      </div>
      <!-- <div class="id-bottom">
                <div>
                    已报名:<i class="ht-d32d25">{{data['apply_list']['total']}}人</i>
                    截至日期:<i class="ht-d32d25">{{data['amoy_detail']['other_data']?.reward_end_time}}</i>
                </div>
            </div> -->
      <!-- 头部结束 -->
       <!-- 进度条开始 -->
    <div class="ht-100 ht-overflow" padding>
      <div class="pd-jd flex flex-line-center flex-align-center">
        <div text-center style="position:relative;width:25%;border-radius:15px;height:30px;line-height:30px;background:linear-gradient(to right, #e69b2e, #ea5505);color:#fff;"
          [ngStyle]="{'background':dataInfo.status == 0 ? 'linear-gradient(to right, #e69b2e, #ea5505)' : '#999' }">
          待确认
          <div class="pd-absolute" style="left: 50%;margin-left:-12px;" *ngIf="dataInfo.status == 0"></div>
        </div>
        <div style="color:#ccc;">—</div>
        <div text-center style="position:relative;width:25%;border-radius:15px;height:30px;line-height:30px;color:#fff;" [ngStyle]="{'background':dataInfo.status == 1 ? 'linear-gradient(to right, #e69b2e, #ea5505)' : '#999' }">
          已完成
          <div class="pd-absolute" style="left: 50%;margin-left:-12px;" *ngIf="dataInfo.status == 1"></div>
        </div>
        <div style="color:#ccc;">—</div>
        <div text-center style="position:relative;width:25%;border-radius:15px;height:30px;line-height:30px;background:linear-gradient(to right, #e69b2e, #ea5505);color:#fff;"
          [ngStyle]="{'background':dataInfo.status == 2 ? 'linear-gradient(to right, #e69b2e, #ea5505)' : '#999' }">
          超时关闭
          <div class="pd-absolute" style="left: 50%;margin-left:-12px;" *ngIf="dataInfo.status == 2"></div>
        </div>
      </div>
    </div>
      <!--信息列表-->
      <div padding>
        <div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom" padding>
          <div class="ht-overflow">
            <div class="ht-float-left">商品名称</div>
            <div class="ht-float-right ht-text-center ht-font-f29603">{{dataInfo.goods}}</div>
          </div>
        </div>
        <div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom" padding-left padding-right>
          <div class="ht-overflow">
            <div class="ht-float-left">申请数量</div>
            <div class="ht-float-right ht-text-center ht-font-f29603">{{dataInfo.plan_num}}</div>
          </div>
        </div>
        <!-- <div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom" padding-left padding-right>
          <div class="ht-overflow">
            <div class="ht-float-left">复购数量</div>
            <div class="ht-float-right ht-text-center">
                <input type="text" [(ngModel)]="goodsNum" placeholder="请输入复购数量" class="input-text" />
            <span class="ht-font-f29603">件</span></div>
          </div>
        </div> -->
        <div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom" padding-left padding-right>
          <div class="ht-overflow">
            <div class="ht-float-left">实送数量</div>
            <div class="ht-float-right ht-text-center ht-font-f29603">{{dataInfo.fact_num}}</div>
          </div>
        </div>
        <div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom" padding-left padding-right>
          <div class="ht-overflow">
            <div class="">复购说明</div>
            <div class="ht-margin-top15 ht-666">{{dataInfo.summary}}</div>
          </div>
        </div>
      </div>
    </div>
  </ion-content>
